// 顶部日期时间选择 隐藏底部按钮div
.header-datetime_popover .el-picker-panel__footer {
    display: none !important;
}

// 卡片内边距
.el-card__body {
    padding: vh(12) vh(18) !important;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

.cmn-view-layout {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.cmn-view-left {
    position: absolute;
    left: vw(28);
    top: vh(15);
    width: vw(358);
    height: vh(780);
    overflow-x: hidden;
    z-index: 10;
    overflow-y: auto;
    border-radius: vw(6);
    padding-top: vh(10);
    background: linear-gradient(180deg, rgba(23, 55, 67, 0.25) 0%, rgba(21, 45, 54, 0.67) 100%)
}

.cmn-view-right {
    overflow-x: hidden;
    position: absolute;
    right: vw(28);
    top: vh(15);
    width: vw(358);
    height: vh(780);
    z-index: 10;
    overflow-y: auto;
    border-radius: vw(6);
    padding-top: vh(10);
    background: linear-gradient(180deg, rgba(23, 55, 67, 0.25) 0%, rgba(21, 45, 54, 0.67) 100%)
}

.cmn-view-left,
.cmn-view-right {

    /* Chrome / Safari / Edge */
    &::-webkit-scrollbar {
        width: 0;
        /* 滚动条宽度为 0 */
        height: 0;
    }

    /* Firefox */
    scrollbar-width: none;
    /* 隐藏滚动条轨道 */

    /* IE 10+ */
    -ms-overflow-style: none;
}

.cmn-view-head {
    position: absolute;
    width: vw(1150);
    margin: auto;
    z-index: 10;
    left: 0;
    right: 0;
}

.cmn-view-layer {
    position: absolute;
    left: vw(403);
    top: vh(167);
    z-index: 10;
}

.cmn-view-tool {
    position: absolute;
    left: vw(403);
    bottom: vh(22);
    z-index: 10;
}